<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div style="width: 100px; height: 100px; background-color: skyblue;">

    </div>
    <script>

        // 事件处理程序 调用不是由我们调用 一旦事件触发系统调用  事件处理程序 函数 参数为形参   按照w3c标准 事件触发  事件处理程序调用时自动传递事件对象
        document.querySelector('div').onclick = function(e){
            // console.log(e);
            // IE获取事件对象方式
            // console.log(window.event);
            // 获取对象兼容性写法
            var event;
            if(e){
                // w3c浏览器
                event = e;
            }else{
                event = window.event;
            }
            // var event = e || window.event;
        }
    </script>
</body>
</html>